import React, { forwardRef } from 'react'
import { ReactComponent as QuestionMark } from './QuestionMark.svg'
import { ReactComponent as QuestionMarkHovered } from './QuestionMarkHovered.svg'

export const QuestionMarkIcon = forwardRef<
  SVGSVGElement & { className: any },
  React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
  return <QuestionMark ref={ref} {...props} className={className} />
})

export const QuestionMarkHoveredIcon = forwardRef<
  SVGSVGElement & { className: any },
  React.PropsWithChildren<{ className?: string }>
>(({ className, ...props }, ref) => {
  return <QuestionMarkHovered ref={ref} {...props} className={className} />
})
